<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我</title>
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <meta name="viewport"
          content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="app-mobile-web-app-capable" content="yes"/>
    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_772560_ztmkzsyi5j.css">
    <link rel="stylesheet" href="css/mine.css">
</head>
<body>
<div class="mine-hd">
    <div class="hd-wrap bg-white">
        <div class="import-info flex">
            <div class="img-box">
                <img src="" alt="" id="cardBg">
            </div>
            <ul class="info-box flex1" id="info">

            </ul>
            <a href="edit-card.html" class="update-btn">
                <i class="ra ra-xiugai"></i>
            </a>
        </div>
        <div class="basic-info flex" >
            <ul class="info flex1" id="otherInfo">

            </ul>
            <a href="mine-card.html" class="qr-btn">
                <i class="ra ra-erweima"></i>
            </a>
        </div>
    </div>
</div>
<div class="mine-nav">
    <ul>
        <li class="border-bottom1">
            <a href="mine-card.html" class="flex align">
                <div class="ra-box"><i class="ra ra-mingpian"></i></div>
                <span class="flex1">我的名片</span>
                <i class="ra ra-icon1"></i>
            </a>
        </li>
        <!--<li class="border-bottom1">-->
            <!--<a href="" class="flex align">-->
                <!--<div class="ra-box"><i class="ra ra-mingpian"></i></div>-->
                <!--<span class="flex1">我的产品</span>-->
                <!--<i class="ra ra-icon1"></i>-->
            <!--</a>-->
        <!--</li>-->
        <!--<li class="border-bottom1">-->
            <!--<a href="" class="flex align">-->
                <!--<div class="ra-box"><i class="ra ra-mingpian"></i></div>-->
                <!--<span class="flex1">我的报表</span>-->
                <!--<i class="ra ra-icon1"></i>-->
            <!--</a>-->
        <!--</li>-->
        <!--<li class="border-bottom1">-->
            <!--<a href="" class="flex align">-->
                <!--<div class="ra-box"><i class="ra ra-mingpian"></i></div>-->
                <!--<span class="flex1">客户订单</span>-->
                <!--<i class="ra ra-icon1"></i>-->
            <!--</a>-->
        <!--</li>-->
        <li class="border-bottom1">
            <a href="brief-intro.html" class="flex align">
                <div class="ra-box"><i class="ra ra-jianjie"></i></div>
                <span class="flex1">个性签名</span>
                <i class="ra ra-icon1"></i>
            </a>
        </li>
        <li class="border-bottom1">
            <a href="upload-pics.html" class="flex align">
                <div class="ra-box"><i class="ra ra-zhaopian"></i></div>
                <span class="flex1">上传照片</span>
                <i class="ra ra-icon1"></i>
            </a>
        </li>
        <li class="border-bottom1">
            <a href="posters.html" class="flex align">
                <div class="ra-box"><i class="ra ra-haibao"></i></div>
                <span class="flex1">生成海报</span>
                <i class="ra ra-icon1"></i>
            </a>
        </li>
    </ul>
</div>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="js/footer.js"></script>
<script src="js/common.js"></script>
<script>
    let  id = sessionStorage.getItem('login_identifier');
    // let  id = 'ec511001025';
    $(document).ready(function () {
        $.ajax({
            url: 'https://qyim.ec51.com/v1/check/detail?type=1',
            method: 'post',
            data: {
                id: id,
            },
            datatype: 'json',
            success: function (res) {
                
               $('#info').html('<li class="name">'+res.data.name+'</li><li class="job">'+res.data.position+'</li><li class="company">'+res.data.company.name+'</li>')
                $('#otherInfo').html('<li class="tel"><i class="ra ra-shouji"></i><span>电话：'+res.data.mobile+'</span></li><li class="email"><i class="ra ra-youxiang"></i><span>邮箱：'+res.data.email+'</span></li>')
                $('#cardBg').attr('src',res.data.card_background)
                
            }
        })
    });
</script>
</body>
</html>